<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>zhuce</title>   
	<link rel="stylesheet" type="text/css" href="css/xin_base.css">
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/wanshanziliao.css">
    <script type="text/javascript">
        $(function() {
            $('.shenfenxuanzeWrap li:first').css('color', '#cb7047');
            $('.choujiang').click(function(event) {
                $(this).addClass('zhong').parent('li').css('color', '#cb7047').siblings('li').css('color', '#999').children('.choujiang').removeClass('zhong');
            });
            $('.tjsf').click(function(event) {
               
            });

        });

    </script>
</head>
<body>
<!-- ····························中间结构·································· -->

    

        <!--register-->
        
        <div class="shenfenxuanzeWrap">
            <form action="">
            <ul class="clearfix">
                <li><b></b>
                    <div class="codePic"><i class="i_01"></i></div>
                    <h2>普通会员</h2>
                    <div class="miaoshu">适合学生，家长， 喜欢音乐的朋友申请。</div>
                    <input type="radio" id="pthy" name="shenfen" checked="checked">
                    <label class="choujiang zhong" for="pthy">立即选择</label>
                </li>
                <li><b></b>
                    <div class="codePic"><i class="i_02"></i></div>
                    <h2>音乐之星</h2>
                    <div class="miaoshu">适合各乐器项目表现优异或获奖选手。</div>
                    <input type="radio" id="yyzx" name="shenfen">
                    <label class="choujiang" for="yyzx">立即选择</label>
                </li>
                <li><b></b>
                    <div class="codePic"><i class="i_03"></i></div>
                    <h2>音乐老师</h2>
                    <div class="miaoshu">适合全职或兼职的从事音乐教育的人士申请。</div>
                    <input type="radio" id="yyls" name="shenfen">
                    <label class="choujiang" for="yyls">立即选择</label>
                </li>
                <li><b></b>
                    <div class="codePic"><i class="i_04"></i></div>
                    <h2>音乐教室</h2>
                    <div class="miaoshu">适合培训中心， 琴行申请。</div>
                    <input type="radio" id="yyjs" name="shenfen">
                    <label class="choujiang" for="yyjs">立即选择</label>
                </li>
            </ul>
            <div class="tixing">提示：你目前剩余选择身份的机会为<span>1</span>次，请慎重操作！</div>
            <button class="tjsf">提交</button>
            
            </form>
        </div>







<!-- ····························中间结构结束·································· -->	



</body>
</html>